<template>
  <div>
    <!--     放款本金-->
    <div style="margin-bottom: 10px">
      <div class="row_header">
        <div class="title">1.放款本金</div>
      </div>
      <div style="text-align: right;margin-bottom: 10px; color: #4a4c4e;">
        <span>单位 : 元</span>
      </div>
      <table class="table" width="100%" cellspacing="0">
        <thead class="header">
        <th>科目</th>
        <th>{{ parseInt(data.quarter_number) || 0 }} 月</th>
        <th>{{ parseInt(data.quarter_number) + 1 || 0 }} 月</th>
        <th>{{ parseInt(data.quarter_number) + 2 || 0 }} 月</th>
        </thead>
        <tbody class="body" v-if="isData">
        <tr>
          <td>新增投入</td>
          <td>{{ data.quarter_number_1_loan_principal_new_investment }}</td>
          <td>{{ data.quarter_number_2_loan_principal_new_investment }}</td>
          <td>{{ data.quarter_number_3_loan_principal_new_investment }}</td>
        </tr>
        <tr>
          <td>新增放款本金合计</td>
          <td>{{ data.quarter_number_1_loan_principal_new_total }}</td>
          <td>{{ data.quarter_number_2_loan_principal_new_total }}</td>
          <td>{{ data.quarter_number_3_loan_principal_new_total }}</td>
        </tr>
        </tbody>
        <tr v-else class="no_data">
          <td colspan="4">
            你想要的正在来的路上...
          </td>
        </tr>
      </table>
    </div>
    <!-- 主营业务成本-->
    <div style="margin-bottom: 10px">
      <div class="row_header">
        <div class="title">2.主营业务成本</div>
      </div>
      <div style="text-align: right;margin-bottom: 10px; color: #4a4c4e;">
        <span>单位 : 元</span>
      </div>
      <table class="table" width="100%" cellspacing="0">
        <thead class="header">
        <th>科目</th>
        <th>{{ parseInt(data.quarter_number) || 0 }} 月</th>
        <th>{{ parseInt(data.quarter_number) + 1 || 0 }} 月</th>
        <th>{{ parseInt(data.quarter_number) + 2 || 0 }} 月</th>
        </thead>
        <tbody class="body" v-if="isData">
        <tr>
          <td colspan="4">支付费用</td>
        </tr>
        <tr>
          <td>放款手续费</td>
          <td>{{ data.quarter_number_1_main_business_cost_loan_service_charge }}</td>
          <td>{{ data.quarter_number_2_main_business_cost_loan_service_charge }}</td>
          <td>{{ data.quarter_number_3_main_business_cost_loan_service_charge }}</td>
        </tr>
        <tr>
          <td>回款手续费</td>
          <td>{{ data.quarter_number_1_main_business_cost_charge_for_payment_collection }}</td>
          <td>{{ data.quarter_number_2_main_business_cost_charge_for_payment_collection }}</td>
          <td>{{ data.quarter_number_3_main_business_cost_charge_for_payment_collection }}</td>
        </tr>
        <!--        <tr>-->
        <!--          <td>销账费用</td>-->
        <!--          <td>{{ data.quarter_number_1_main_business_cost_write_off_expenses }}</td>-->
        <!--          <td>{{ data.quarter_number_2_main_business_cost_write_off_expenses }}</td>-->
        <!--          <td>{{ data.quarter_number_3_main_business_cost_write_off_expenses }}</td>-->
        <!--        </tr>-->
        <!--        <tr>-->
        <!--          <td>业务名单</td>-->
        <!--          <td>{{ data.quarter_number_1_main_business_cost_business_list }}</td>-->
        <!--          <td>{{ data.quarter_number_2_main_business_cost_business_list }}</td>-->
        <!--          <td>{{ data.quarter_number_3_main_business_cost_business_list }}</td>-->
        <!--        </tr>-->
        <tr>
          <td colspan="4">流量费用</td>
        </tr>
        <tr>
          <td>业务名单</td>
          <td>{{ data.quarter_number_1_main_business_cost_business_list }}</td>
          <td>{{ data.quarter_number_2_main_business_cost_business_list }}</td>
          <td>{{ data.quarter_number_3_main_business_cost_business_list }}</td>
        </tr>
        <tr>
          <td colspan="4">销账费用</td>
        </tr>
        <tr>
          <td>人工销账</td>
          <td>{{ data.quarter_number_1_main_business_cost_write_off_expenses }}</td>
          <td>{{ data.quarter_number_2_main_business_cost_write_off_expenses }}</td>
          <td>{{ data.quarter_number_3_main_business_cost_write_off_expenses }}</td>
        </tr>
        <tr>
          <td colspan="4">短信费用</td>
        </tr>
        <tr>
          <td>通知/验证码短信</td>
          <td>{{ data.quarter_number_1_main_business_cost_notification_verification_code_sms }}</td>
          <td>{{ data.quarter_number_2_main_business_cost_notification_verification_code_sms }}</td>
          <td>{{ data.quarter_number_3_main_business_cost_notification_verification_code_sms }}</td>
        </tr>
        <tr>
          <td>营销短信</td>
          <td>{{ data.quarter_number_1_main_business_cost_marketing_sms }}</td>
          <td>{{ data.quarter_number_2_main_business_cost_marketing_sms }}</td>
          <td>{{ data.quarter_number_3_main_business_cost_marketing_sms }}</td>
        </tr>
        <tr>
          <td colspan="4">电话费用</td>
        </tr>
        <tr>
          <td>营销语音</td>
          <td>{{ data.quarter_number_1_main_business_cost_marketing_voice }}</td>
          <td>{{ data.quarter_number_2_main_business_cost_marketing_voice }}</td>
          <td>{{ data.quarter_number_3_main_business_cost_marketing_voice }}</td>
        </tr>
        <tr>
          <td>语音电话</td>
          <td>{{ data.quarter_number_1_main_business_cost_voice_phone }}</td>
          <td>{{ data.quarter_number_2_main_business_cost_voice_phone }}</td>
          <td>{{ data.quarter_number_3_main_business_cost_voice_phone }}</td>
        </tr>
        <tr>
          <td colspan="4">邮件费用</td>
        </tr>
        <tr>
          <td>营销邮件</td>
          <td>{{ data.quarter_number_1_main_business_cost_marketing_email }}</td>
          <td>{{ data.quarter_number_2_main_business_cost_marketing_email }}</td>
          <td>{{ data.quarter_number_3_main_business_cost_marketing_email }}</td>
        </tr>
        <tr>
          <td colspan="4">AI费用</td>
        </tr>
        <tr>
          <td>智能催收</td>
          <td>{{ data.quarter_number_1_main_business_cost_intelligent_collection }}</td>
          <td>{{ data.quarter_number_2_main_business_cost_intelligent_collection }}</td>
          <td>{{ data.quarter_number_3_main_business_cost_intelligent_collection }}</td>
        </tr>
        <tr>
          <td colspan="4">风控费用</td>
        </tr>
        <tr>
          <td>黑名单</td>
          <td>{{ data.quarter_number_1_main_business_cost_cost_of_risk_control }}</td>
          <td>{{ data.quarter_number_2_main_business_cost_cost_of_risk_control }}</td>
          <td>{{ data.quarter_number_3_main_business_cost_cost_of_risk_control }}</td>
        </tr>
        <tr>
          <td>风控评分</td>
          <td>{{ data.quarter_number_1_main_business_cost_risk_control_score }}</td>
          <td>{{ data.quarter_number_2_main_business_cost_risk_control_score }}</td>
          <td>{{ data.quarter_number_3_main_business_cost_risk_control_score }}</td>
        </tr>
        <tr>
          <td>用户注册费</td>
          <td>{{ data.quarter_number_1_main_business_cost_user_registration_fee }}</td>
          <td>{{ data.quarter_number_2_main_business_cost_user_registration_fee }}</td>
          <td>{{ data.quarter_number_3_main_business_cost_user_registration_fee }}</td>
        </tr>
        <tr>
          <td>银行卡校验费</td>
          <td>{{ data.quarter_number_1_main_business_cost_bank_card_verification_fee }}</td>
          <td>{{ data.quarter_number_2_main_business_cost_bank_card_verification_fee }}</td>
          <td>{{ data.quarter_number_3_main_business_cost_bank_card_verification_fee }}</td>
        </tr>
        <tr>
          <td>运营商费用</td>
          <td>{{ data.quarter_number_1_main_business_cost_operator_fees }}</td>
          <td>{{ data.quarter_number_2_main_business_cost_operator_fees }}</td>
          <td>{{ data.quarter_number_3_main_business_cost_operator_fees }}</td>
        </tr>
        <tr>
          <td>身份校验费</td>
          <td>{{ data.quarter_number_1_main_business_cost_identity_verification_fee }}</td>
          <td>{{ data.quarter_number_2_main_business_cost_identity_verification_fee }}</td>
          <td>{{ data.quarter_number_3_main_business_cost_identity_verification_fee }}</td>
        </tr>
        <tr>
          <td colspan="4">APP费用</td>
        </tr>
        <tr>
          <td>APK包</td>
          <td>{{ data.quarter_number_1_main_business_cost_apk_package }}</td>
          <td>{{ data.quarter_number_2_main_business_cost_apk_package }}</td>
          <td>{{ data.quarter_number_3_main_business_cost_apk_package }}</td>
        </tr>
        <tr>
          <td>APP上架包</td>
          <td>{{ data.quarter_number_1_main_business_cost_app_on_shelf_package }}</td>
          <td>{{ data.quarter_number_2_main_business_cost_app_on_shelf_package }}</td>
          <td>{{ data.quarter_number_3_main_business_cost_app_on_shelf_package }}</td>
        </tr>
        <tr>
          <td>APP维护费</td>
          <td>{{ data.quarter_number_1_main_business_cost_app_maintenance_fee }}</td>
          <td>{{ data.quarter_number_2_main_business_cost_app_maintenance_fee }}</td>
          <td>{{ data.quarter_number_3_main_business_cost_app_maintenance_fee }}</td>
        </tr>

        <tr>
          <td colspan="4">投放费用</td>
        </tr>
        <tr>
          <td>代投</td>
          <td>{{ data.quarter_number_1_main_business_cost_agent_investment }}</td>
          <td>{{ data.quarter_number_2_main_business_cost_agent_investment }}</td>
          <td>{{ data.quarter_number_3_main_business_cost_agent_investment }}</td>
        </tr>
        <tr>
          <td colspan="4">外包费用</td>
        </tr>
        <tr>
          <td>座席费</td>
          <td>{{ data.quarter_number_1_main_business_cost_seat_fee }}</td>
          <td>{{ data.quarter_number_2_main_business_cost_seat_fee }}</td>
          <td>{{ data.quarter_number_3_main_business_cost_seat_fee }}</td>
        </tr>
        <tr>
          <td>佣金</td>
          <td>{{ data.quarter_number_1_main_business_cost_commission }}</td>
          <td>{{ data.quarter_number_2_main_business_cost_commission }}</td>
          <td>{{ data.quarter_number_3_main_business_cost_commission }}</td>
        </tr>
        <tr>
          <td colspan="4">SAAS服务费用</td>
        </tr>
        <tr>
          <td>打款服务</td>
          <td>{{ data.quarter_number_1_main_business_cost_payment_service }}</td>
          <td>{{ data.quarter_number_2_main_business_cost_payment_service }}</td>
          <td>{{ data.quarter_number_3_main_business_cost_payment_service }}</td>
        </tr>
        <tr>
          <td colspan="4">应交税费</td>
        </tr>
        <tr>
          <td>税金及附加</td>
          <td>{{ data.quarter_number_1_main_business_cost_taxes_and_surcharges }}</td>
          <td>{{ data.quarter_number_2_main_business_cost_taxes_and_surcharges }}</td>
          <td>{{ data.quarter_number_3_main_business_cost_taxes_and_surcharges }}</td>
        </tr>
        <tr>
          <td colspan="4">主营业务成本</td>
        </tr>
        <tr>
          <td>合计</td>
          <td>{{ data.quarter_number_1_main_business_cost_cost_total }}</td>
          <td>{{ data.quarter_number_2_main_business_cost_cost_total }}</td>
          <td>{{ data.quarter_number_3_main_business_cost_cost_total }}</td>
        </tr>
        </tbody>
        <tr v-else class="no_data">
          <td colspan="4">
            你想要的正在来的路上...
          </td>
        </tr>
      </table>
    </div>
    <!--     营业费用-->
    <div style="margin-bottom: 10px">
      <div class="row_header">
        <div class="title">3.营业费用</div>
      </div>
      <div style="text-align: right;margin-bottom: 10px; color: #4a4c4e;">
        <span>单位 : 元</span>
      </div>
      <table class="table" width="100%" cellspacing="0">
        <thead class="header">
        <th>科目</th>
        <th>{{ parseInt(data.quarter_number) || 0 }} 月</th>
        <th>{{ parseInt(data.quarter_number) + 1 || 0 }} 月</th>
        <th>{{ parseInt(data.quarter_number) + 2 || 0 }} 月</th>
        </thead>
        <tbody class="body" v-if="isData">
        <tr>
          <td>员工工资</td>
          <td>{{ data.quarter_number_1_operating_expenses_employee_salary }}</td>
          <td>{{ data.quarter_number_2_operating_expenses_employee_salary }}</td>
          <td>{{ data.quarter_number_3_operating_expenses_employee_salary }}</td>
        </tr>
        <tr>
          <td>员工奖金</td>
          <td>{{ data.quarter_number_1_operating_expenses_employee_bonus }}</td>
          <td>{{ data.quarter_number_2_operating_expenses_employee_bonus }}</td>
          <td>{{ data.quarter_number_3_operating_expenses_employee_bonus }}</td>
        </tr>
        <tr>
          <td>社保费</td>
          <td>{{ data.quarter_number_1_operating_expenses_social_security_fee }}</td>
          <td>{{ data.quarter_number_2_operating_expenses_social_security_fee }}</td>
          <td>{{ data.quarter_number_3_operating_expenses_social_security_fee }}</td>
        </tr>
        <tr>
          <td>房租费</td>
          <td>{{ data.quarter_number_1_operating_expenses_rent }}</td>
          <td>{{ data.quarter_number_2_operating_expenses_rent }}</td>
          <td>{{ data.quarter_number_3_operating_expenses_rent }}</td>
        </tr>
        <tr>
          <td>水电费</td>
          <td>{{ data.quarter_number_1_operating_expenses_water_and_electricity }}</td>
          <td>{{ data.quarter_number_2_operating_expenses_water_and_electricity }}</td>
          <td>{{ data.quarter_number_3_operating_expenses_water_and_electricity }}</td>
        </tr>
        <tr>
          <td>物业管理费</td>
          <td>{{ data.quarter_number_1_operating_expenses_property_management_fee }}</td>
          <td>{{ data.quarter_number_2_operating_expenses_property_management_fee }}</td>
          <td>{{ data.quarter_number_3_operating_expenses_property_management_fee }}</td>
        </tr>
        <tr>
          <td>办公费</td>
          <td>{{ data.quarter_number_1_operating_expenses_office_expenses }}</td>
          <td>{{ data.quarter_number_2_operating_expenses_office_expenses }}</td>
          <td>{{ data.quarter_number_3_operating_expenses_office_expenses }}</td>
        </tr>

        <tr>
          <td>交通费</td>
          <td>{{ data.quarter_number_1_operating_expenses_traffic_expense }}</td>
          <td>{{ data.quarter_number_2_operating_expenses_traffic_expense }}</td>
          <td>{{ data.quarter_number_3_operating_expenses_traffic_expense }}</td>
        </tr>
        <tr>
          <td>福利费</td>
          <td>{{ data.quarter_number_1_operating_expenses_welfare_funds }}</td>
          <td>{{ data.quarter_number_2_operating_expenses_welfare_funds }}</td>
          <td>{{ data.quarter_number_3_operating_expenses_welfare_funds }}</td>
        </tr>
        <tr>
          <td>业务招待费</td>
          <td>{{ data.quarter_number_1_operating_expenses_business_entertainment_expenses }}</td>
          <td>{{ data.quarter_number_2_operating_expenses_business_entertainment_expenses }}</td>
          <td>{{ data.quarter_number_3_operating_expenses_business_entertainment_expenses }}</td>
        </tr>
        <tr>
          <td>通讯费</td>
          <td>{{ data.quarter_number_1_operating_expenses_communication_fee }}</td>
          <td>{{ data.quarter_number_2_operating_expenses_communication_fee }}</td>
          <td>{{ data.quarter_number_3_operating_expenses_communication_fee }}</td>
        </tr>
        <tr>
          <td>私卡代持费</td>
          <td>{{ data.quarter_number_1_operating_expenses_private_card_holding_fee }}</td>
          <td>{{ data.quarter_number_2_operating_expenses_private_card_holding_fee }}</td>
          <td>{{ data.quarter_number_3_operating_expenses_private_card_holding_fee }}</td>
        </tr>
        <tr>
          <td>法人代持费</td>
          <td>{{ data.quarter_number_1_operating_expenses_legal_person_holding_fee }}</td>
          <td>{{ data.quarter_number_2_operating_expenses_legal_person_holding_fee }}</td>
          <td>{{ data.quarter_number_3_operating_expenses_legal_person_holding_fee }}</td>
        </tr>
        <tr>
          <td>项目服务费</td>
          <td>{{ data.quarter_number_1_operating_expenses_project_service_fee }}</td>
          <td>{{ data.quarter_number_2_operating_expenses_project_service_fee }}</td>
          <td>{{ data.quarter_number_3_operating_expenses_project_service_fee }}</td>
        </tr>
        <tr>
          <td>管理费用合计</td>
          <td>{{ data.quarter_number_1_operating_expenses_total }}</td>
          <td>{{ data.quarter_number_2_operating_expenses_total }}</td>
          <td>{{ data.quarter_number_3_operating_expenses_total }}</td>
        </tr>
        </tbody>
        <tr v-else class="no_data">
          <td colspan="4">
            你想要的正在来的路上...
          </td>
        </tr>
      </table>
    </div>
    <!--     管理费用-->
    <div style="margin-bottom: 10px">
      <div class="row_header">
        <div class="title">4.管理费用</div>
      </div>
      <div style="text-align: right;margin-bottom: 10px; color: #4a4c4e;">
        <span>单位 : 元</span>
      </div>
      <table class="table" width="100%" cellspacing="0">
        <thead class="header">
        <th>科目</th>
        <th>{{ parseInt(data.quarter_number) || 0 }} 月</th>
        <th>{{ parseInt(data.quarter_number) + 1 || 0 }} 月</th>
        <th>{{ parseInt(data.quarter_number) + 2 || 0 }} 月</th>
        </thead>
        <tbody class="body" v-if="isData">
        <tr>
          <td>管理工资</td>
          <td>{{ data.quarter_number_1_management_expenses_management_salary }}</td>
          <td>{{ data.quarter_number_2_management_expenses_management_salary }}</td>
          <td>{{ data.quarter_number_3_management_expenses_management_salary }}</td>
        </tr>
        <tr>
          <td>管理奖金</td>
          <td>{{ data.quarter_number_1_management_expenses_management_bonus }}</td>
          <td>{{ data.quarter_number_2_management_expenses_management_bonus }}</td>
          <td>{{ data.quarter_number_3_management_expenses_management_bonus }}</td>
        </tr>
        <tr>
          <td>社保费</td>
          <td>{{ data.quarter_number_1_management_expenses_social_security_fee }}</td>
          <td>{{ data.quarter_number_2_management_expenses_social_security_fee }}</td>
          <td>{{ data.quarter_number_3_management_expenses_social_security_fee }}</td>
        </tr>
        <tr>
          <td>办公费</td>
          <td>{{ data.quarter_number_1_management_expenses_office_expenses }}</td>
          <td>{{ data.quarter_number_2_management_expenses_office_expenses }}</td>
          <td>{{ data.quarter_number_3_management_expenses_office_expenses }}</td>
        </tr>
        <tr>
          <td>交通费</td>
          <td>{{ data.quarter_number_1_management_expenses_traffic_expense }}</td>
          <td>{{ data.quarter_number_2_management_expenses_traffic_expense }}</td>
          <td>{{ data.quarter_number_3_management_expenses_traffic_expense }}</td>
        </tr>
        <tr>
          <td>福利费</td>
          <td>{{ data.quarter_number_1_management_expenses_welfare_funds }}</td>
          <td>{{ data.quarter_number_2_management_expenses_welfare_funds }}</td>
          <td>{{ data.quarter_number_3_management_expenses_welfare_funds }}</td>
        </tr>
        <tr>
          <td>业务招待费</td>
          <td>{{ data.quarter_number_1_management_expenses_business_entertainment_expenses }}</td>
          <td>{{ data.quarter_number_2_management_expenses_business_entertainment_expenses }}</td>
          <td>{{ data.quarter_number_3_management_expenses_business_entertainment_expenses }}</td>
        </tr>
        <tr>
          <td>通讯费</td>
          <td>{{ data.quarter_number_1_management_expenses_communication_fee }}</td>
          <td>{{ data.quarter_number_2_management_expenses_communication_fee }}</td>
          <td>{{ data.quarter_number_3_management_expenses_communication_fee }}</td>
        </tr>
        <tr>
          <td>租赁费</td>
          <td>{{ data.quarter_number_1_management_expenses_rental_fee }}</td>
          <td>{{ data.quarter_number_2_management_expenses_rental_fee }}</td>
          <td>{{ data.quarter_number_3_management_expenses_rental_fee }}</td>
        </tr>
        <tr>
          <td>营业费用合计</td>
          <td>{{ data.quarter_number_1_management_expenses_total }}</td>
          <td>{{ data.quarter_number_2_management_expenses_total }}</td>
          <td>{{ data.quarter_number_3_management_expenses_total }}</td>
        </tr>
        </tbody>
        <tr v-else class="no_data">
          <td colspan="4">
            你想要的正在来的路上...
          </td>
        </tr>
      </table>
    </div>
    <!--     财务费用-->
    <div style="margin-bottom: 10px">
      <div class="row_header">
        <div class="title">5.财务费用</div>
      </div>
      <div style="text-align: right;margin-bottom: 10px; color: #4a4c4e;">
        <span>单位 : 元</span>
      </div>
      <table class="table" width="100%" cellspacing="0">
        <thead class="header">
        <th>科目</th>
        <th>{{ parseInt(data.quarter_number) || 0 }} 月</th>
        <th>{{ parseInt(data.quarter_number) + 1 || 0 }} 月</th>
        <th>{{ parseInt(data.quarter_number) + 2 || 0 }} 月</th>
        </thead>
        <tbody class="body" v-if="isData">
        <tr>
          <td>手续费</td>
          <td>{{ data.quarter_number_1_financial_expenses_service_charge }}</td>
          <td>{{ data.quarter_number_2_financial_expenses_service_charge }}</td>
          <td>{{ data.quarter_number_3_financial_expenses_service_charge }}</td>
        </tr>
        <tr>
          <td>汇兑损益</td>
          <td>{{ data.quarter_number_1_financial_expenses_exchange_gains_and_losses }}</td>
          <td>{{ data.quarter_number_2_financial_expenses_exchange_gains_and_losses }}</td>
          <td>{{ data.quarter_number_3_financial_expenses_exchange_gains_and_losses }}</td>
        </tr>
        <tr>
          <td>利息支出</td>
          <td>{{ data.quarter_number_1_financial_expenses_interest_expense }}</td>
          <td>{{ data.quarter_number_2_financial_expenses_interest_expense }}</td>
          <td>{{ data.quarter_number_3_financial_expenses_interest_expense }}</td>
        </tr>
        <tr>
          <td>银行服务费</td>
          <td>{{ data.quarter_number_1_financial_expenses_bank_service_charge }}</td>
          <td>{{ data.quarter_number_2_financial_expenses_bank_service_charge }}</td>
          <td>{{ data.quarter_number_3_financial_expenses_bank_service_charge }}</td>
        </tr>
        <tr>
          <td>财务费用合计</td>
          <td>{{ data.quarter_number_1_financial_expenses_total }}</td>
          <td>{{ data.quarter_number_2_financial_expenses_total }}</td>
          <td>{{ data.quarter_number_3_financial_expenses_total }}</td>
        </tr>
        </tbody>
        <tr v-else class="no_data">
          <td colspan="4">
            你想要的正在来的路上...
          </td>
        </tr>
      </table>
    </div>

    <!--     合计-->
    <div style="margin-bottom: 10px">
      <div class="row_header">
        <div class="title">6.合计</div>
      </div>
      <div style="text-align: right;margin-bottom: 10px; color: #4a4c4e;">
        <span>单位 : 元</span>
      </div>
      <table class="table" width="100%" cellspacing="0">
        <thead class="header">
        <th>科目</th>
        <th>{{ parseInt(data.quarter_number) || 0 }} 月</th>
        <th>{{ parseInt(data.quarter_number) + 1 || 0 }} 月</th>
        <th>{{ parseInt(data.quarter_number) + 2 || 0 }} 月</th>
        </thead>
        <tbody class="body" v-if="isData">
        <tr>
          <td>本月资金预算合计</td>
          <td>{{ data.quarter_number_1_total_budget_of_this_month }}</td>
          <td>{{ data.quarter_number_2_total_budget_of_this_month }}</td>
          <td>{{ data.quarter_number_3_total_budget_of_this_month }}</td>
        </tr>
        <tr>
          <td>本季度资金预算合计</td>
          <td colspan="3">{{ data.total_budget_of_this_quarter }}</td>
        </tr>
        </tbody>
        <tr v-else class="no_data">
          <td colspan="4">
            你想要的正在来的路上...
          </td>
        </tr>
      </table>
    </div>
  </div>
</template>

<script>
export default {
  name: "quarterBudgetTable",
  props: {
    data: {
      default: () => {
      }
    }
  },
  computed: {
    isData() {
      return Object.keys(this.data).length !== 0
    }
  }

}
</script>

<style scoped>

</style>
